<cfoutput>
<cfsavecontent variable="wheelsOutput">
<!--- Place HTML here that should be used as the default layout of your application --->

<html>
	<head>
		<title>Raihan</title>
		
		<cfif IsUserLoggedIn()>
			<style>
				.menu-hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
				.fg-button { clear:left;  padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
				.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
				a.fg-button { float:left;  }
				button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
				
				.fg-button-icon-left { padding-left: 2.1em; }
				.fg-button-icon-right { padding-right: 2.1em; }
				.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
				.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
				.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
				
				.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
			</style>
		</cfif>
		
		#styleSheetLinkTag("base,jquery-ui")#
		#javaScriptIncludeTag("jquery.min,jquery-ui.min")#
		
		<cfif IsUserLoggedIn()>
			#styleSheetLinkTag("fg.menu")#
			#javaScriptIncludeTag("fg.menu")#
		</cfif>
		
		<script>
			$(function() {
				<!---
				$('.switcher').themeswitcher();
				--->
				
				$("button, input:submit").button();
				
				$(".body-stripe tr:nth-child(even)").addClass("stripeColor");
				
				<cfif IsUserLoggedIn()>
					$('##raihanMenu').menu({
						content: $('##raihanMenu').next().html(),
						flyOut: true 
					});
				</cfif>
			});
		</script>
		
	</head>
	<body>
		<!--- theme roller --->
		<!---
		#javaScriptIncludeTag("themeswitchertool.js")#
		<div class="switcher"></div>
		--->
		
		<cfif IsUserLoggedIn()>
			
			<a tabindex="1" href="##raihanMenuContainer" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="raihanMenu"><span class="ui-icon ui-icon-triangle-1-s"></span>Menu</a>
			<div id="raihanMenuContainer" class="menu-hidden">#includePartial("/shared/menu")#</div>
			<br><br>
			<p>
				Welcome <strong>#session.auth.person#</strong>, 
				<cfif flashKeyExists("menu")>
					you are in <strong>#flash("menu")#</strong>
				</cfif> 
			</p>		
		</cfif>
		
		<cfif flashKeyExists("info")>
			<div class="ui-widget">
				<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"> 
					<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
					<strong>Info:</strong> #flash("info")#</p>
				</div>			
			</div>			
		</cfif>
		
		<cfif flashKeyExists("error")>
			<div class="ui-widget">
				<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
					<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
					<strong>Error:</strong> #flash("error")#</p>
				</div>
			</div>

		</cfif>
		
		#includeContent()#
		
		
		
		
		
	</body>
</html>

</cfsavecontent>

<!--- <cfset wheelsOutput = REReplace(wheelsOutput, "[[:cntrl:]]{2,}", " ", "ALL")> --->

#wheelsOutput#
</cfoutput>